<?php
	require("check_active.php");
?>
	<div id="reticula">
		<h1>Reticula Sistemas 2004</h1>
		<div id="links" name="links">
			| <a href="#" id="bcerrar" title="Regresar al menu principal">Cerrar</a> | 
			<a href="#" id="bdesopacar" title="Muestra todas las materias de forma clara">Desopacar</a> | 
			<a href="#" id="bayuda" title="Muestra la ayuda">Ayuda</a> | 
		</div>
		<div id="ayuda" name="ayuda" class="hide">
			<p>
				Observación: Al posicionar el cursos sobre una materia, puedes ver sus prerequisitos, el semestre y los creditos de la misma.
			</p>
			<p>
				Acotaciones: 
				<span style="border-color:#7CB8FC;">Ordinario</span>
				<span style="border-color:#AFD2FA;">Regular</span>
				<span style="border-color:#D4E8FF;">Extraordinario</span>
				<span style="border-color:#FF87B5;">Ordinario Segundas</span>
				<span style="border-color:#FC9AC0;">Regular Segundas</span>
				<span style="border-color:#FCC7DC;">Especial</span>
			</p>
		</div>
		<div id="materias">
		<?php
			for($i=1;$i<=9;$i++){

				$query = "
					SELECT clavmateria, numespecialidad, semestre, creditos, 
						horas_teoricas, horas_practicas, nombre, fnoportunidad('$user->nocontrol',clavmateria) as oportunidad
						FROM reticula_materia WHERE numespecialidad=$user->idespecialidad and semestre=$i
						ORDER BY clavmateria;
				";

				$bd->execute($query);
		?>
			<ul>
		<?php
			while(!$bd->EOF()){
				$row = $bd->getElement();
				print "
				<li class='Tips color".$row["oportunidad"]." onshadow' title='$row[clavmateria] :: semestre:$row[semestre] <br> creditos: $row[creditos]' id='$row[clavmateria]' name='$row[clavmateria]' onMouseOver='omoElement(this);'>
					<b>$row[nombre]</b>
					<b>$row[horas_practicas]-$row[horas_teoricas]-$row[creditos]</b>
				</li>
				";
				$bd->moveNext();
			}
		?>
			</ul>
		<?
			}
		?>
		</div>
	</div>

	<script type="text/javascript">
		var temptips = new Tips($$('.Tips'), {
			className: 'custom'
		});
		
		//prerequisitos
		<?php
			$query = "
				select reticula_prerequisito.clavmateria, reticula_prerequisito.clavmateriareq from reticula_materia join reticula_prerequisito
				on reticula_materia.clavmateria = reticula_prerequisito.clavmateria
				where numespecialidad=$user->idespecialidad;
			";
			$bd->execute($query);
			print "var prerequisitos = {";
			while(!$bd->EOF()){
				$row = $bd->getElement();
				print "'".trim($row["clavmateria"])."':'".trim($row["clavmateriareq"])."',";
				$bd->moveNext();
			}
			print "};";
		?>
		

		//funciones		
		$("bcerrar").addEvent('click', function(){
			site.showLogin();
		});
		
		$("bdesopacar").addEvent('click', function(){
			if($("bdesopacar").innerHTML=="Desopacar"){
				$("bdesopacar").innerHTML = "Opacar";
				offshadowall();
			}
			else{
				$("bdesopacar").innerHTML = "Desopacar";
				onshadowall();
			}
			
		});
		
		$("bayuda").addEvent('click', function(){
			if($("ayuda").hasClass("hide"))
				$("ayuda").removeClass("hide");
			else
				$("ayuda").addClass("hide");	
		});
		
		function onshadowall(){
			var all = $$('.Tips');
			for(var k=0;k<all.length;k++){
				if(!all[k].hasClass('onshadow'))
					all[k].addClass('onshadow');
			}
		}
		
		function offshadowall(){
			var all = $$('.Tips');
			for(var k=0;k<all.length;k++){
				if(all[k].hasClass('onshadow'))
					all[k].removeClass('onshadow');
			}
		}
		
		function omoElement(element){
			if($("bdesopacar").innerHTML=="Opacar") 
				return;
			onshadowall();
			
			//prerequisitos
			var lista = new Array();
			var temp = $(element).id;
			while(temp != null){
				lista.push(temp);
				temp = prerequisitos[temp];
			}
			
			for(var j=0;j<lista.length;j++){
				$(lista[j]).removeClass('onshadow');
			}
			//=================
		}
	</script>
